<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>资产详情</title>
    <link rel="stylesheet" href="../../../assets/iconfont/iconfont.css">
    <link rel="stylesheet" href="../../../assets/common/common.css">
    <link rel="stylesheet" href="./AssetDetails.css">
</head>
<body>
    <!-- 顶部资产详情 -->
    <div class="Asset-details flex aic">
        <i onclick="revert()" class="icon-zuojiantou iconfont"></i>
        <span class="details f16">资产详情</span>
    </div>
    <!-- 顶部明基显示屏 -->
    <div class="telecommuting flex aic">
        <div class="electron lh t-999">
            <div class="flex communication">
                <p>
                    <span class="black f18 ">明基显示屏</span>
                    <span class="ml-10">BG000001</span>
                </p>
                <p class="setAside">闲置</p>
            </div>
            <span class="f12">电子及通讯设置</span>
        </div>
    </div>
    <!-- 详情 -->
    <ul class="t-999 particulars mt-15 f12">
        <li>
            <span>资产名称</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <span class="black">戴尔笔记本</span>
        </li>
        <li>
            <span>资产编号</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <span class="black">BG000001</span>
        </li>
        <li>
            <span>资产类型</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <span class="black">电子及通讯设备</span>
        </li>
        <li>
            <span>规格型号</span>
        </li>
        <li>
            <span>计量单位</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <span class="black">台</span>
        </li>
        <li>
            <span>序列号</span>
        </li>
        <li>
            <span>资产来源</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <span class="black">购入</span>
        </li>
        <li>
            <span>购入日期</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <span class="black">2022-09-09</span>
        </li>
        <li>
            <span>所属部门</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <span class="black">产品部</span>
        </li>
        <li>
            <span>管理员</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <span class="black">晁文琦</span>
        </li>
        <li>
            <span>使用部门</span>
        </li>
        <li>
            <span>使用人</span>
        </li>
        <li>
            <span>购入价格</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <span class="black">6000.00元</span>
        </li>
        <li>
            <span>存放仓库</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <span class="black">本地仓库/东仓</span>
        </li>
        <li>
            <span>附件</span>
        </li>
    </ul>
    <!-- 变动记录 -->
    <div class="ChangeRecord">
        <p class="stockreal f18">
            变动记录
        </p>
        <p class="change f14">
            <img src="../../../assets/img/yuandian-11.png" alt="">
            <span class="ml-10">2022-10-29</span>
            <span>10:28:28</span>
        </p>
        <div class="modification ml-5 mt-5 pt-5 pl-20">
            <p>徐和泰修改了部门负责人,由 蔡清淑 更改为</p>
            <p>晁文琦</p>
        </div>
        <p class="change2 mt-5 f14">
            <img src="../../../assets/img/yuandian-22.png" alt="">
            <span class="ml-10">2022-10-29</span>
            <span>10:28:28</span>
        </p>
        <p class="addition ml-30 mt-10 mb-15 f14">徐和泰添加了资产</p>
        <!--  -->

        <ul class="t-999 par mt-15 f12">
            <li>
                <span>资产名称</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <span class="black">戴尔笔记本</span>
            </li>
            <li>
                <span>资产编号</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <span class="black">BG000001</span>
            </li>
            <li>
                <span>资产类型</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <span class="black">电子及通讯设备</span>
            </li>
            <li>
                <span>规格型号</span>
            </li>
            <li>
                <span>计量单位</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <span class="black">台</span>
            </li>
            <li>
                <span>序列号</span>
            </li>
            <li>
                <span>资产来源</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <span class="black">购入</span>
            </li>
            <li>
                <span>购入日期</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <span class="black">2022-09-09</span>
            </li>
            <li>
                <span>所属部门</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <span class="black">产品部</span>
            </li>
            <li>
                <span>管理员</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <span class="black">晁文琦</span>
            </li>
            <li>
                <span>使用部门</span>
            </li>
            <li>
                <span>使用人</span>
            </li>
            <li>
                <span>购入价格</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <span class="black">6000.00元</span>
            </li>
            <li>
                <span>存放仓库</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <span class="black">本地仓库/东仓</span>
            </li>
            <li>
                <span>附件</span>
            </li>
        </ul>    
    </div>
    <!-- 底部固定 -->
    <div class="root flex f18 jc-sb">
        <p onclick="editor()" class="edit">编辑</p>
        <p onclick="SelectAction(1)" class="compile">更多操作</p>
    </div>
    <!-- 确认删除 -->
    <div class="DetermineContent">
    <div class="ConfirmDelete">
        <p class="CurrentAssets">确定要删除当前资产吗</p>
        <div class="define flex">
            <p onclick="ConfirmCancellation(1)" class="t-999">取消</p>
            <p onclick="ConfirmCancellation(2)" class="blus">确定</p>
        </div>
    </div>
    </div>
    <!-- 删除成功 -->
    <div class="SuccessfullyDeleted flex fdc">
        <div class="Success">
        <img class="Deleted" src="../../../assets/img/assets/tijiao-11.png" alt="">
        <span>删除成功</span>
        </div>
    </div>
    <!-- 更多操作 -->
    <div class="MoreActions">
        <ul class="more">
            <li class="f12 t-999 actions">
                <span>请选择操作</span>
            </li>
            <li class="bluer actions">
                <span>领用</span>
            </li>
            <li class="bluer actions">
                <span>退库</span>
            </li>
            <li class="bluer actions">
                <span>借用</span>
            </li>
            <li class="bluer actions">
                <span>归还</span>
            </li>
            <li class="bluer actions">
                <span>调拨</span>
            </li>
            <li onclick="Successfully()" class="base">
                <span >删除</span>
            </li>
            <li onclick="SelectAction(2)" class="t-999 mt-10">
                <span>取消</span>
            </li>
        </ul>
    </div>
    <!--  -->
    <script src="./AssetDetails.js"></script>
</body>
</html>